<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>注册</title>
    <link rel="stylesheet" href="/style.css">
    
</head>
<body>
    <div class="top">
        <div class="w">
            <ul class="top-left">
                <li><a href="#">亲，请登录</a></li>
                <li><a href="#">免费注册</a></li>
                <li><a href="#">手机逛淘宝</a></li>
            </ul>
            <ul class="top-right">
                <li><a href="#">淘宝网首页</a></li>
                <li>我的淘宝</li>
                <li>购物车</li>
                <li>收藏夹</li>
                <li>商品分类</li>
                <li>卖家中心</li>
                <li>联系客服</li>
                <li>网站导航</li>
            </ul>
        </div>
    </div>
    
    <div class="w">
        <div  class="body1" >
            <div class="logo"><a href="#"><img class="logo-img" src="/images/logo.jpg" alt="" ></a></div>
            
            <div class="yonghuzhuce">用户注册</div>
        </div>
        
        <div class="body2">
            <div class="biaoge">
                <div class="shoujihaoma">
                    <span>手机号码</span>
                    <select name="" id="">
                        <option value="">中国大陆 &nbsp; +86</option>
                        <option value="">中国大陆 &nbsp; +86</option>
                        <option value="">中国大陆 &nbsp; +86</option>
                        <option value="">中国大陆 &nbsp; +86</option>
                        <option value="">中国大陆 &nbsp; +86</option>
                        <option value="">中国大陆 &nbsp; +86</option>
                    </select>
                    <input class="sjhm" type="tel" placeholder="请输入手机号码">
                </div>
                <div class="yanzhengma">
                    <span>&nbsp;验证码</span>
                    <input class="yzm" type="text" placeholder="请输入验证码">
                    <a class="get" href="javascript:;">获取验证码</a>
                </div>
                <div class="btn">
                    <button>同意协议并注册</button>
                </div>      
            </div>
                <div class="xieyi">
                    <p><span >已阅读并同意以下协议</span><a href="#">淘宝平台服务协议</a><span>、</span><a href="#">隐私权政策</a><span>、</span><a href="#">法律声明</a><span>、</span><a href="#">支付宝及客户端服务协议</a></p>   
                </div>
                <div class="qiehuan"><a href="#">切换成企业账户注册</a></div>

            </div>    
        </div>
        
            <div class="w bottom">
                <ul class="bottom-top">
                    <li><a href="#">阿里巴巴集团</a></li>
                    <span>|</span>
                    <li><a href="#">阿里巴巴国际站</a></li>
                    <span>|</span>
                    <li><a href="#">阿里巴巴中国站</a></li>
                    <span>|</span>
                    <li><a href="#">全球速卖通</a></li>
                    <span>|</span>
                    <li><a href="#">淘宝网</a></li>
                    <span>|</span>
                    <li><a href="#">天猫</a></li>
                    <span>|</span>
                    <li><a href="#">聚划算</a></li>
                    <span>|</span>
                    <li><a href="#">一淘</a></li>
                    <span>|</span>
                    <li><a href="#">阿里妈妈</a></li>
                    <span>|</span>
                    <li><a href="#">阿里云计算</a></li>
                    <span>|</span>
                    <li><a href="#">云OS</a></li>
                    <span>|</span>
                    <li><a href="#">万网</a></li>
                    <span>|</span>
                    <li><a href="#">支付宝</a></li>
                </ul>
                <ul class="bottom-body">
                    <li><a href="#">关于淘宝</a></li>
                    <li><a href="#">合作伙伴</a></li>
                    <li><a href="#">营销中心</a></li>
                    <li><a href="#">联系客服</a></li>
                    <li><a href="#">开发平台</a></li>
                    <li><a href="#">诚征英才</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">网站地图</a></li>
                    <li><a href="#">法律声明及隐私权政策</a></li>
                    <span class="bottom-right">© 2021 Taobao.com 版权所有</span>
                </ul>
                <div class="bottom-bottom">网络文化经营许可证：<a href="#">文网文[2010]040号</a> |增值电信业务经营许可证：浙B2-20080224-1|信息网络传播视听节目许可证：1109364号</div>
            </div>

        <script>
            var s=60;
            var get = document.querySelector(".get")
            var sjhm = document.querySelector(".sjhm")
        get.addEventListener("click",function(){
            if(sjhm.value.length==11){
                get.disabled = true;
            get.innerHTML ="重发（" +s + "s)";
            var timer =  setInterval(function(){
                if(s==0){
                    get.innerHTML = "获取验证码"
                    get.disabled = false
                    s=60
                    clearInterval(timer);
                }else{
                    s--;
                    get.innerHTML = "重发（"+s + "s）";
                    
                }
            },1000)
            }
            else{
                alert("手机格式错误")
            }
        }) 



    
        </script>
</body>
</html>